<!DOCTYPE html>
<html>
 <head> 
  <meta charset="utf-8" /> 
  <meta name="Keywords" content="" /> 
  <meta name="description" content="" /> 
  <meta name="viewport" content="width=device-width,initial-scale=1.0" /> 
  <meta content="width=640,target-densitydpi=device-dpi,user-scalable=no" name="viewport" /> 
  <link type="text/css" href="css/style.css" rel="stylesheet" />
  <link type="text/css" href="css/animate.css" rel="stylesheet" /> 
  <script type="text/javascript" src="js/jquery-1.11.2.js"></script> 
 </head> 
 <body> 
  <div class="wrap"> 
      <div class="yd_index_bg">
          <div class="exit">
            <img src="images/exit.png">
          </div>
        <div class="yd_index" style="display:block;">
            <div class="yd_index_text1"></div>
            <div class="yd_index_text2"></div>
            <div class="yd_index_text3"></div>
            <div class="yd_index_text4"></div>
            <div class="index_bubble">
            <img src="images/bubble.png">
          </div>
          <div class="index_bubble2">
            <img src="images/bubble.png">
          </div>
          <div class="index_bubble3">
            <img src="images/bubble.png">
          </div>
        </div>
        <div class="yd_index2">
            <div class="bug1"></div>
            <div class="bug2"></div>
            <div class="bug3"></div>
            <div class="bug4"></div>
            <div class="bug5"></div>
            <div class="bug6"></div>
            <div class="bug7"></div>
            <div class="text1"></div>
            <div class="text2"></div>
            <div class="small_bug"></div>
          <div class="yd_index2_bottom">
            <img src="images/19.png">  
          </div>
          </div>
          
      </div>
      <div class="index_bg index_bg1">
          <!--    游戏规则-->
       <div class="game_tip_bg" style="display:none;">
           <div class="rule">
                <div class="rule_close"></div>
           </div>
       </div>
          <div class="index_text">
            <img src="images/text1.png" class="text1">
            <img src="images/text2.png" class="text2">
            <img src="images/text3.png" class="text3">
            <img src="images/text4.png" class="text4">
          </div>
          <div class="index_bug">
            <img src="images/bug.png">
          </div>
          <div class="index_bubble">
            <img src="images/bubble.png">
          </div>
          <div class="index_bubble2">
            <img src="images/bubble.png">
          </div>
          <div class="index_bubble3">
            <img src="images/bubble.png">
          </div>
          <div class="index_btn">
              <a href="#"><img src="images/index_btn.png"></a>
          </div>
          <div class="index_bottom">
            <div class="btn1 left">
                <span></span> 
                <a href="#">领取奖品</a>
            </div>
            <div class="btn2 right">
                <span></span> 
                <a href="#">活动规则</a>
            </div>
          </div>
      </div>
    
  </div> 
  <script type="text/javascript">       
      $(".index_bottom .btn2").click(function(){
        $(".game_tip_bg").fadeIn();
      });
        $(".rule_close").click(function(){
            $(".game_tip_bg").hide();
        });
      setTimeout(function(){
        $(".yd_index2").fadeIn(1500);
          setTimeout(function(){
            $(".yd_index2").fadeOut(1500);
              setTimeout(function(){
                $(".index_bg1").fadeIn(1500);
              },1500);            
          },2500);
      },2500);
//      点击跳过动画
      $(".exit").click(function(){
        $(".yd_index_bg").fadeOut(1500);
        $(".yd_index").fadeOut(1500).remove();
        $(".yd_index2").fadeOut(1500).remove();
          setTimeout(function(){
                $(".index_bg1").fadeIn(1500);
              },500);
      });
     </script>
     <script type="text/javascript">
        $(window).load(function(){
            $("<link>").attr({ rel: "stylesheet", type: "text/css",href: "css/animate.css" }).appendTo("head");
        });
    </script>
 </body>
</html>